/*! Modified from GitHub's dark theme in primer/primitives.
 * MIT License
 * Copyright (c) 2018 GitHub Inc.
 * https://github.com/primer/primitives/blob/main/LICENSE
 */

main {
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-btn-text: #c9d1d9;
    --color-btn-bg: rgb(45 51 59 / 80%);
    --color-btn-border: rgb(240 246 252 / 10%);
    --color-btn-shadow: 0 0 transparent;
    --color-btn-inset-shadow: 0 0 transparent;
    --color-btn-hover-bg: rgb(45 51 59 / 50%);
    --color-btn-hover-border: #8b949e;
    --color-btn-active-bg: hsl(212deg 12% 18% / 50%);
    --color-btn-active-border: #6e7681;
    --color-btn-selected-bg: rgb(45 51 59 / 50%);
    --color-btn-primary-text: #fff;
    --color-btn-primary-bg: #238636;
    --color-btn-primary-border: rgb(240 246 252 / 10%);
    --color-btn-primary-shadow: 0 0 transparent;
    --color-btn-primary-inset-shadow: 0 0 transparent;
    --color-btn-primary-hover-bg: #2ea043;
    --color-btn-primary-hover-border: rgb(240 246 252 / 10%);
    --color-btn-primary-selected-bg: #238636;
    --color-btn-primary-selected-shadow: 0 0 transparent;
    --color-btn-primary-disabled-text: rgb(240 246 252 / 50%);
    --color-btn-primary-disabled-bg: rgb(35 134 54 / 60%);
    --color-btn-primary-disabled-border: rgb(240 246 252 / 10%);
    --color-action-list-item-default-hover-bg: rgb(144 157 171 / 12%);
    --color-segmented-control-bg: rgb(99 110 123 / 10%);
    --color-segmented-control-button-bg: transparent;
    --color-segmented-control-button-selected-border: #636e7b;
    --color-fg-default: #c9d1d9;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #484f58;
    --color-canvas-default: transparent;
    --color-canvas-overlay: rgb(22 27 34 / 90%);
    --color-canvas-inset: transparent;
    --color-canvas-subtle: transparent;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-neutral-muted: rgb(110 118 129 / 5%);
    --color-neutral-subtle: rgb(110 118 129 / 10%);
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-accent-muted: rgb(56 139 253 / 40%);
    --color-accent-subtle: rgb(65 132 228 / 10%);
    --color-success-fg: #3fb950;
    --color-attention-fg: #c69026;
    --color-attention-muted: rgb(174 124 20 / 40%);
    --color-attention-subtle: rgb(174 124 20 / 15%);
    --color-danger-fg: #f85149;
    --color-danger-muted: rgb(229 83 75 / 40%);
    --color-danger-subtle: rgb(229 83 75 / 10%);
    --color-primer-shadow-inset: 0 0 transparent;
    --color-scale-gray-7: #21262d;
    --color-scale-blue-8: #0c2d6b;

    /*! Extensions from @primer/css/alerts/flash.scss */
    --color-social-reaction-bg-hover: var(--color-scale-gray-7);
    --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8);
}

main .pagination-loader-container {
    background-image: url("https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg");
}

.gsc-pagination-button {
    background-color: var(--color-btn-bg);
}

.gsc-homepage-bg {
    background: linear-gradient(135deg, #05485c, #032e58, #2f0154);
    background-size: 600% 600%;
    animation: gradient 21s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 2% 0%;
    }

    50% {
        background-position: 99% 100%;
    }

    100% {
        background-position: 2% 0%;
    }
}

main .gsc-loading-image {
    background-image: url("https://github.githubassets.com/images/mona-loading-dark.gif");
}
